/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal;}
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: '.';
}

.clearfix {
    zoom: 1;
}


body{min-width: 1200px; width: 100%;}



/**/

.banner{ height:650px; width:100%; position:relative; z-index:1; }

.banner .bd{ height:650px; overflow:hidden;}

.banner .bd a{ display:block; height:650px; overflow:hidden;}

.banner .bantil{ width:132px; height:15px; position:absolute; bottom:20px;left:46%; z-index:8;}

.banner .bantil li{ width:15px; height:15px; float:left; display:inline; margin:0 12px;background:#fff; border-radius: 15px;}

.banner .bantil li.cur{background:#f15922;}

/**/

.hot{height:355px; overflow: hidden;background:url(http://www.gewai99.com/templets/banjin/img/index/bg1.jpg) no-repeat center 8px;}

.hot h3{ text-align: center; font-size: 30px; color: #333; line-height: 105%; height: 71px;}

.hot h3 i{color: #f15922;}

.hot ul{ overflow: hidden;}

.hot ul li{ float: left; width: 245px; margin-right: 74px; text-align: center; color: #2c333d; font-size: 14px;}.hot ul li.nom{ margin-right:-1px;}

.hot ul li i{ font-weight: bold; color: #fff; padding-top:20px; display: block; font-size: 16px;  height: 102px;}

.hot ul li i span{ display: block;padding-bottom: 7px;}

.hot ul li.cur i{background:url(http://www.gewai99.com/templets/banjin/img/index/bg.png) no-repeat center 0;}

.hot ul li.bg2{ margin-right: 74px; margin-left: -1px;}

    /**/

.bk-title{text-align:center}
.bk-title i{font-size:24px;font-weight:400;line-height:100%;color:rgba(204,204,204,.5);text-transform:uppercase;display:block;margin-top:21px}
.bk-title p{font-size:42px;font-weight:400;line-height:50px;color:#333;display:block}
.bk-title span{font-size:20px;font-weight:400;line-height:22px;color:#333;display:inline-block;margin-top:18px;position:relative}
.bk-title span::before{content:"";width:351px;height:7px;background-image:url(http://www.gewai99.com/templets/banjin/imgindex/bk-titl.png);background-repeat:no-repeat;background-position:right center;background-size:auto auto;display:inline-block;vertical-align:middle;margin-right:24px}
.bk-title span::after{content:"";width:351px;height:7px;background-image:url(../imgindex/bk-titr.png);background-repeat:no-repeat;background-position:left center;background-size:auto auto;display:inline-block;vertical-align:middle;margin-left:24px}
.guide{position:relative;padding-bottom:50px}
.guide .guide-l{float:left;width:690px;padding-top:102px}
.guide .guide-l .bk-title{text-align:left}
.guide .guide-l .bk-title span:before{display:none}
.guide .guide-l .bk-title span:after{width:220px}
.guide .guide-l .bk-title i{font-weight:700;color:#ccc;margin-bottom:18px;display:block;margin-top:0}
.guide .guide-l ul{margin-top:60px}
.guide .guide-l ul li{width:50%;float:left;height:122px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;padding-top:10px}
.guide .guide-l ul li em{float:left;width:63px;line-height:0;margin-right:26px}
.guide .guide-l ul li em img{width:63px;height:65px;display:block;transition:.35s}
.guide .guide-l ul li p{float:left;width:210px}
.guide .guide-l ul li p b{display:block;font-size:24px;font-weight:700;line-height:26px;color:#333}
.guide .guide-l ul li p span{display:block;font-size:15px;font-weight:400;line-height:32px;color:#666;margin-top:11px}
.guide .guide-l ul li::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.guide .guide-l ul li:nth-of-type(even){border-right:none;padding-left:45px}
.guide .guide-l ul li:nth-last-of-type(1),.guide .guide-l ul li:nth-last-of-type(2){border-bottom:none;padding-top:42px}
.guide .guide-l ul li:hover em img{transform:rotateY(180deg)}
.guide .guide-l ul li:hover p b,.guide .guide-l ul li:hover p span{color:#006dc3}
.guide .guide-r{width:500px;height:588px;display:block;line-height:0;float:right;position:relative}
.guide .guide-r img {width: 500px;margin-top: 222px;display: block; height:320px;transition: 1s; margin-left: 50px;}
.guide .guide-r::before{content:"";display:block;width:101px;height:507px;background-position:center top;background-size:auto auto;position:absolute;left:-77px;bottom:0}
.guide::before{content:"";display:block;width:29.27%;height:160px;background:rgba(0,109,195,.1);position:absolute;right:0;bottom:0}
.guide::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}


.ys_bg{background: url(../imgindex/ys_bg.jpg) no-repeat center 0;padding: 6px 0 48px;overflow: hidden;}
.yous{height: 750px;}
.cp_tit{font-size: 34px;color: #333;text-align: center;height: 85px;line-height: 40px;overflow: hidden;background: url(http://www.gewai99.com/templets/banjin/images/cp_tline.png) no-repeat center 60px;}
.cp_tit a{color: #333;}
.cp_tit a:hover,.cp01 h3 a:hover{color: #3871c1;}
.cp_tit span{color: #333;display: block;font-size: 20px;font-weight: normal;padding: 3px 0 0;}
.yous .cp_tit{color: #fff;background: url(http://www.gewai99.com/templets/banjin/imgindex/ys_tline.png) no-repeat center 60px;}
.yous .cp_tit span{color: #fff;}
.ys_t{height: 143px;width: 672px;background: #fff;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);position: absolute;top: 550px;left: 264px;z-index: 10;}
.ys_t ul li{font-size: 20px;color: #333;float: left;width: 168px;height: 123px;padding: 20px 0 0;position: relative;text-align: center;}
.ys_t ul li:before{content: "";width: 1px;height: 37px;background: #efefef;position: absolute;top: 50px;left: 0;z-index: -1;}
.ys_t ul li p{width:46px; height:46px; position:relative;margin: 0 auto;}
.ys_t ul li b{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;margin: 0 auto;}
.ys_t ul li em{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;margin: 0 auto;}
.ys_t ul li b img,.ys_t ul li em img{ display: block;width: 46px;height: 46px;}
.ys_t ul li span{display: block;padding: 10px 0 0;line-height: 22px;}
.ys_t ul li i{display: block;font-size: 12px;text-transform: uppercase;color: rgba(51,51,51,0.4);text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;}
.ys_t ul li.on{background: #f15922;color: #fff;font-weight: bold;z-index: 5;}
.ys_t ul li.on i{color: rgba(255,255,255,0.4);font-weight: normal;}
.ys_t ul li.on b{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.ys_t ul li.on em{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.ys_t ul li:first-child:before{background: none;}
.yous dl{position: relative;height: 617px;background: #fff;margin-top: 48px;}
.yous dl dt{width: 960px;height: 617px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 52%;}
.yous dl dt img{width: 960px;height: 617px;}
.yous dl dd{width: 500px;float: left;padding: 135px 0 0 55px;}
.yous dl dd h5{height: 90px;border-bottom: #d6d6d6 2px solid;width: 500px;display: inline-block;font-size: 30px;color: #333;}
.yous dl dd em{width: 46px;height: 46px;display: block;float: left;line-height: 0;margin: 6px 15px 0 0;}
.yous dl dd em img{width: 46px;height: 46px;}
.yous dl dd span{display: block;float: left;line-height: 32px;}
.yous dl dd i{display: block;font-size: 16px;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.yous dl dd b{width: 60px;height: 50px;display: block;float: right;line-height: 0;}
.yous dl dd b img{width: 60px;height: 50px;}
.yous dl dd p{font-size: 16px;color: #333;padding: 20px 0 0;line-height: 30px;}

/*广告条*/
.ban01{padding: 48px 0 0;}
.ban01_l{width: 920px;}
.ban01_l b{background: url(../imgindex/ban_k.png) no-repeat;display: block;width: 196px;height: 57px;line-height: 56px;overflow: hidden;font-size: 20px;color: #3871c1;text-align: center;float: left;margin-top: 25px;}
.ban01_lm{padding: 0 0 0 40px;width: 680px;float: left;}
.ban01_lm p{font-size: 32px;color: #fff;font-weight: bold;height: 56px;line-height: 56px;}
.ban01_lm ul li{font-size: 18px;color: #fff;float: left;line-height: 36px;background: url(../imgindex/ban_ico.png) no-repeat 0 13px;padding: 0 40px 0 20px;}
.ban01_tel{width: 220px;}
.ban01_tel span{display: block;text-align: center;height: 75px;}
.ban01_tel b{display: block;font-size: 26px;color: #fff;height: 40px;line-height: 40px;}
.ban01_tel em{width: 22px;height: 22px;display: block;line-height: 0;margin: 0 auto;}
.ban01_tel em img{width: 22px;height: 22px;}
.ban01_tel a{font-size: 14px;color: #fff;display: block;width: 110px;text-align: center;height: 34px;line-height: 34px;overflow: hidden;background: #fff;border-radius: 30px;margin: 0 auto;}
.ban01_tel a {vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent; background: #FF3400;}
.ban01_tel a:hover {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}



.pro{ height:781px; overflow:hidden; padding-top:40px;}
.fen{ width:242px; border:1px solid #e2e2e2; height:auto; background:#fff;}
.fen h2{ width:244px; height:93px; font:28px "Microsoft YaHei"; text-align:center; background:url(../imgindex/fen_h.gif) no-repeat center top; margin-bottom:25px;font-weight:bold;}
.fen h2 a{ display:block; color:#fff; padding-top:22px;}
.fen h2 em{ display:block; font:14px Arial, Helvetica, sans-serif; padding-top:5px;}
.fen h3{ width:202px; margin:8px auto;}
.fen h3 a{ display:inline-block; width:185px; height:43px; border:1px solid #e2e2e2; margin-bottom:2px; font:17px "Microsoft YaHei"; line-height:43px; padding-left:15px;color:#404040; font-weight:bold;}
.fen h3 a:hover{ background:url(../imgindex/fen_bg.gif); border:0; width:185px; height:45px; line-height:45px; text-decoration:none;color:#fff;}
.fen h3 em{ float:right; padding:1px 15px 0 0;}
.fen ul{ padding:11px 0;}
.fen li{ width:200px; margin:0 auto; font:14px "Microsoft YaHei"; line-height:30px; background:url(../imgindex/about_jt.png) no-repeat 38px 11px;}
.fen li a{ padding-left:54px; display:inline-block; color:#666;}
.fen p{ font:17px "Microsoft YaHei"; padding:43px 0 0 75px; height:90px; margin-top:12px; color:#fff; background:url(../imgindex/fen_g.jpg) no-repeat center top;}
.fen p em{ display:block; font:24px Arial, Helvetica, sans-serif;}



.pro2{ width:922px; overflow:hidden;}
.pro2 h2{ height:50px; overflow:hidden; margin-bottom:30px; background:url(../imgindex/fen_bg.gif); font:18px "Microsoft YaHei"; line-height:50px; padding:0 20px 0 10px;width:890px;}
.pro2 h2 a{ color:#fff; display:inline-block; background:url(../imgindex/pro_icon.gif) no-repeat left center; padding-left:30px;}
.pro2 h2 em{ font:14px Arial, Helvetica, sans-serif; padding-left:8px;}
.pro2 h2 span a{ font:14px "Microsoft YaHei"; background:url(../imgindex/about_jt.png) no-repeat left center; display:inline-block; line-height:50px; padding-left:20px;}
.pro2 li{ width:291px; height:266px; border:1px solid #e2e2e2; float:left; margin:0 20px 26px 0; position:relative; overflow:hidden;}
.pro2 li:nth-child(3n){margin-right:0;}
.pro2 li a{ display:block;}
.pro2 li:hover {cursor:pointer;}
.pro2 li img{ width:291px; height:240px;}
.pro2 li p{ display:block; height:40px; width:291px; position:absolute; bottom:0; left:0; text-align:center;background:#2c333d;}
.pro2 li p em{ display:block; font:16px "Microsoft YaHei"; color:#fff;height:40px;line-height:40px;}
.pro2 li p span{ display:none;}
.pro2 .nones{ margin-right:0;}
.pro2 .cur p{ display:block;width:300px; height:268px; background:url(http://www.gewai99.com/templets/banjin/imgindex/pro2_bg.png) no-repeat left top; position:absolute; top:0; left:0;}
.pro2 .cur em{ display:block; width:130px; height:40px; border-bottom:1px solid #000; font:17px "Microsoft YaHei"; text-align:center; font-weight:bold; margin:75px auto 25px; color:#000;}
.pro2 .cur span{ display:block; width:185px; margin:0 auto;}
.pro2 .cur i{ display:inline-block; width:90px; text-align:center; font:14px "Microsoft YaHei"; text-align:center; line-height:30px; color:#1a1a1a; font-weight:bold;}
.pro2 .cur i img{ display:block; width:42px; height:34px; margin-left:25px;}



.project { margin-top:40px; padding-bottom:50px; display: none;}
.project .project-tit { text-align: center; margin-top:50px; margin-bottom: 50px; }
.project .project-tit li { font-size: 20px; font-weight: normal; line-height: 48px; color: #333333; display: inline-block; height: 48px; border-radius: 24px;background:#eee; }
.project .project-tit li a { display: block; padding: 0 35px; }
.project .project-tit li.cur, .project .project-tit li:hover { background: #f15922; }
.project .project-tit li.cur a, .project .project-tit li:hover a { color: #fff; }
.project .project-con{ border-top: 1px solid #ccc;}
.project .project-con .tempWrap { width: 100% !important; }
.project .project-con li {margin-top:20px; float: left; text-align: center; width: 20.5%; margin-right:6%; line-height: 0;}
.project .project-con li img { display: block; width:100%;height:auto; transition: 1s;border-radius: 5px; }
.project .project-con li h4 { font-size: 16px; font-weight: normal; line-height: 16px; color: #333333; display: block; margin-top: 17px; }
.project .project-con li:hover img { transform: scale(1.02); }
.project .project-con li:hover h4 { color: #f15922; }
.project .project-con:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.project .project-con li:nth-child(4n){margin-right:0;}
.project-con{margin:0 auto;width:90%;}





.p_bot{ overflow: hidden; height: 62px; line-height: 62px;background:url(../imgindex/p_bot.gif) no-repeat;}

.p_bot h3{ float: left; width: 250px; text-align: center; color: #fff; font-size: 20px;}

.p_bot h3 a{ color: #fff;}

.p_bot p{ float: right; width: 930px;}

.p_bot p a{ color: #333; font-size: 16px; font-weight: bold; width:94px; height: 62px; line-height: 62px; display: inline-block; float: left; margin-right: 6px; padding-left: 56px;}

.p_bot p a.bg6{ margin-right: 0;}

.p_bot p a:hover{background:url(http://www.gewai99.com/templets/banjin/img/index/p_bot2.jpg) no-repeat -270px 0;}

.p_bot p a.bg2:hover{background:url(http://www.gewai99.com/templets/banjin/img/index/p_bot2.jpg) no-repeat -426px 0;}

.p_bot p a.bg3:hover{background:url(http://www.gewai99.com/templets/banjin/img/index/p_bot2.jpg) no-repeat -582px 0;}

.p_bot p a.bg4:hover{background:url(http://www.gewai99.com/templets/banjin/img/index/p_bot2.jpg) no-repeat -738px 0;}

.p_bot p a.bg5:hover{background:url(http://www.gewai99.com/templets/banjin/img/index/p_bot2.jpg) no-repeat -894px 0;}

.p_bot p a.bg6:hover{background:url(http://www.gewai99.com/templets/banjin/img/index/p_bot2.jpg) no-repeat right 0;}

    /**/

.ttc{background:url(../imgindex/tt.jpg) no-repeat center 0; overflow: hidden; height: 170px;}

.ttc p{ float: left; padding: 72px 0 0 136px; font-size: 26px; color: #333; font-weight: bold;}

.ttc p i{ color: #d60c18;}

.ttc em{ display: block; float: right; width: 360px; margin-top: 56px; font-size: 14px; color: #333;}

.ttc em i{ display: inline-block; float: left; width: 200px;}

.ttc em i span{ color: #d60c18; font-family: "Agency FB"; display: block; font-size: 38px; font-weight: bold;}

.ttc em a{ display: block; margin-top: 19px; width: 110px; height: 36px; line-height: 36px; border-radius: 36px; background: #fff; font-size: 14px; color: #333; background: #fff; float: left; text-align: center;}

    /**/

.ys2{background:url(../imgindex/ys.gif) no-repeat center 0; height:892px; overflow: hidden;}

.ys2 h3{ text-align: center; color: #fff; font-size: 30px; padding: 92px 145px 0; height:160px;}

.ys2 h3 span{ display: block; font-weight: normal; color: #c1c2c4; font-size: 14px; line-height: 25px; padding-top: 15px;}

.ys2 ul{ overflow: hidden;}

.ys2 ul li{ float: left; width: 367px; overflow: hidden; margin-right: 48px; position: relative; height: 580px;}

.ys2 ul li.nom{ margin-right: 0;}

.ys2 ul li img{ width: 367px; height: 518px; border: 1px solid #424851;}

.ys2 ul li em{ font-size: 0;}

.ys2 ul li em i{ display: block; font-size: 16px; color: #333; height: 60px; line-height: 60px; text-align: center; border-bottom: 1px solid #db2e34; font-weight: bold;}

.ys2 ul li.cur em{ background: #db2e34; position: absolute; left: 0; top:290px; width:357px; font-size: 16px; color: #fff; line-height: 36px; padding-left: 10px; height: 290px; overflow: hidden; letter-spacing: -1px;}

.ys2 ul li.cur em i{ color: #fff; text-align: left; font-size: 18px;background:url(http://www.gewai99.com/templets/banjin/img/index/y_lin.jpg) no-repeat 128px 11px; margin-top: 57px; line-height: 110%; margin-bottom:18px; height:22px;}

.ys2 ul li.cur em span{ display: block;white-space:nowrap;}





.lca{ height: 410px;background:url(../imgindex/lc.jpg) no-repeat center bottom;margin-top:50px;}

.lca h2{ text-align: center; font-size: 34px; color: #333;height:102px; padding-top:2px;line-height:35px;}

.lca h2 i{ color: #f15922;}

.lca ul{ overflow: hidden; padding-left:90px;}

.lca ul li{ float: left; width: 340px;font-size: 14px; color: #333; line-height: 25px; text-align: center; margin-right:-11px;}

.lca ul li span{ display: block;}

.lca ul li i{ display: block; height: 57px; line-height: 57px; font-size: 20px; font-weight: bold; color:#fff;background:url(../imgindex/cur1.png) no-repeat center 0;}

.lca ul li strong{ display: block; line-height: 48px; margin-top: 15px;font-size:16px;}

.lca ul li.cur i{background:url(../imgindex/cur2.png) no-repeat center 0;}

    /**/

.rk{background:url(../imgindex/tt2.jpg) no-repeat center bottom; height: 300px; overflow: hidden; margin-bottom: 59px;}

.rk p{ float: left; padding:47px 0 0 57px; color: #fff; font-size: 14px;}

.rk p i{ font-weight: bold; font-size: 24px; display: block; height: 74px;}

.rk p strong{ font-weight: normal; padding-left: 45px; display: inline-block; float: left; padding-top:3px;}

.rk p span{ display: inline-block; float: left; font-family: "Agency FB"; font-size: 30px; line-height: 110%; margin-top: -5px;}

.rk p em{ display: block; clear: both; padding-top: 23px;}

.rk p em a{ display: inline-block; width: 110px; height: 40px; line-height: 40px; border-radius:8px; color: #fff; font-size: 14px; background: #f15922; text-align: center;}

.rk ul{ overflow: hidden; float: right; width: 578px; padding-top: 30px;}

.rk ul li{ float: left; font-size: 0; width: 155px; margin: 0 29px 21px 0; height: 86px; overflow: hidden;}

.rk ul li img{padding: 6px 0 0 6px; border-radius: 35px;}

    /**/

.newss{ margin-top: 50px; height: 728px; overflow: hidden;background:url(../imgindex/n_bb.gif) no-repeat center bottom;}

.newss h2{ text-align: center; height:80px; font-size: 34px; color: #333;line-height:36px;}

.n_menu{ height: 103px;}

.n_menu ul{ overflow: hidden; margin:0px auto; width:182px;}

.n_menu ul li{ float: left; /*margin-right: 32px;*/}

.n_menu ul li a{ display: inline-block; width: 182px; height: 51px; line-height: 51px; text-align: center; border-radius: 51px; font-size: 18px; color: #fff; background: #2c333d;}

.n_menu ul li.cur a{ background: #f15922;}

.n_om{ overflow: hidden;}

.n_om dl{ float: left; width: 556px; overflow: hidden;}

.n_om dl dt{ width: 556px; height: 312px; overflow: hidden; margin-bottom: 20px;}

.n_om dl dt img {width:556px;height:312px;}

.n_om dl dd{ overflow: hidden;}

.n_om dl dd h3{ overflow: hidden; height: 48px;}

.n_om dl dd h3 i{ font-weight: normal; float: left; width: 70px; text-align: right; font-size: 12px; color:#676767;}

.n_om dl dd h3 i span{ display: block; font-size: 24px;}

.n_om dl dd h3 em{ display: inline-block; float: right; width: 427px;}

.n_om dl dd h3 em a{ font-size: 14px; color: #333; font-weight: bold; height: 23px; line-height: 23px;}

.n_om dl dd p{ padding: 0 0 0 130px; color: #424242; font-size: 14px; line-height: 25px; height: 90px;}

.n_om dl dd h4{ display: block; padding: 0 0 0 130px;  font-weight: normal;}

.n_om dl dd h4 a{ display: block; width: 155px; padding-top: 15px; color: #101010; font-size: 14px; text-transform: uppercase;}

.n_om ul{ width: 530px; float: right;}

.n_om ul li{ overflow: hidden; padding-top: 43px; height:131px;}

.n_om ul li i{ display: inline-block; float: left; width:70px; font-size: 12px; color: #676767; text-align: right;}

.n_om ul li i span{ display: block;display: block; font-size: 24px;}

.n_om ul li em{ display: inline-block; float: right; width: 410px; color: #424242; font-size: 14px; line-height: 25px;}

.n_om ul li em a{ display: block; font-weight: bold; font-size: 14px; color: #333; margin-bottom: 15px;}

.n_om ul li.cur i,.n_om ul li.cur em,.n_om ul li.cur em a{ color: #f15922;}

    /**/

/*.abo{background:url(../imgindex/a_bg.jpg) no-repeat center 0; height:720px; overflow: hidden; margin-bottom:39px;}

.abo h3{ text-align: center; padding-top:175px; line-height: 29px; margin-bottom: 10px;}

.abo h3 a{ font-size:22px; color: #333;}

.abo p{ font-size: 14px; color: #333; line-height: 25px; text-align: center; height: 157px; margin:0 190px;}

.abo p span{ display: block;}

.abo_menu{ overflow: hidden;}

.abo_menu ul{ overflow: hidden; padding-left: 460px; height: 98px;}

.abo_menu ul li{ float: left; padding-right: 20px;}

.abo_menu ul li a{ display: inline-block; width: 130px; height: 48px; line-height: 48px; background:#2c333d; border-radius: 12px; color:#fff; text-align: center; font-size: 14px;}

.abo_menu ul li.cur a{ background: #d60c18; text-decoration: none;}

.abo_on{ overflow: hidden;}

.abo_on ul{ overflow: hidden; font-size: 0;height:200px;}

.abo_on ul li{ float: left; margin-left: 15px; width: 280px; height: 200px; overflow: hidden;}

.abo_on ul li img{width: 280px; height: 200px; }*/







/*走进*/

.about{overflow: hidden;margin-top:50px; margin-bottom: 50px;}

.about dl{ overflow: hidden;}

.about dt{ width: 600px; float: left;overflow: hidden;}

.about dt img{ display: block; width: 512px; height: 363px;}

.about dd{ width: 570px;float: right;overflow: hidden;}

.about dd h2{padding-top: 15px;color: #333;font-size:40px;margin-bottom: 20px;}

.about dd h2 em{ text-transform: uppercase; font-weight: normal;background: #f15922; color: #fff;font-size: 24px;padding: 0 7px;margin-left: 7px;}

.about dd h3{ font-size: 24px; color: #666; background: url("../imgindex/about_line.jpg") no-repeat 0 bottom;height: 55px;margin:20px 0 20px;}

.about dd h3 a{

    color: #666;

}

.about dd p{

    font-size: 14px;

    color: #666;

    line-height: 24px;

}

.about dd span{

    width: 181px;

    height: 49px;

    border: 1px solid #ccc;

    font-size: 14px;

    text-align: center;

    display: block;

    line-height: 48px;

    margin-top: 20px;

}

.about dd span a{

    color: #b30810;

}













/*印象·*/

.album{

    height: 320px;

    position: relative;

    overflow: hidden;

}

.album h2{

    height: 32px;

    font-size: 22px;

    overflow: hidden;

    margin: 0 0 20px 0;

    background: url("../imgindex/album_icon.jpg") no-repeat 0 6px;

    padding-left: 20px;
    letter-spacing:5px;

}

.album h2 a{

    color: #332c2b;

    text-decoration: none;

}

.album-slide-bd li{

    width: 278px;

    height: 240px;

    float: left;

    overflow: hidden;

    margin-right: 30px;

}

.album-slide-bd li:last-child{

    margin-right: 0;

}

.album-slide-bd li img{

    width: 278px;

    height: 191px;

    display: block;

}

.album-slide-bd li span{

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    display: block;

    text-align: center;

    border-bottom: 1px solid #dbdbdb;

}

.album-slide-bd li span a{

    text-decoration: none;

    color: #333;

}

.album-slide-hd{

    position: absolute;

    right: 0;

    top: 0;

}

.album-slide-hd .next{

    background: url("../imgindex/next.jpg") no-repeat;

    display: block;

    float: right;

    width: 20px;

    height: 20px;

    overflow: hidden;

    cursor: pointer;

}

.album-slide-hd .prev{

    background: url("../imgindex/prev.jpg") no-repeat;

    display: block;

    float: left;

    width: 20px;

    height: 20px;

    overflow: hidden;

    cursor: pointer;

}









/**/

.link{ height:85px;overflow:hidden;}

.link p{ overflow:hidden; font:14px "Microsoft Yahei"; line-height:22px; width:1116px; float: right;}

.link p a{ display:inline-block; padding:0 27px; color:#2c333d;}

.link i{ display: inline-block; float: left; width:82px; line-height: 22px;}

.link i span{ color: #2c333d; font-size: 16px; text-transform: uppercase;}

.link i strong{ display: block; font-weight: normal; color: #d60c18; font-size: 16px;}

/**/



/**/

.xg{animation-duration: 1s;animation-name:fadeInUp;}

.xg2  .pro_r {

    animation-duration: 1.15s;

    animation-name: fadeInRight;

}

.xg2  .pro_l {

    animation-duration: 1.15s;

    animation-name: fadeInLeft;

}

.xg4 {

    animation-duration: 1.15s;

    animation-name: pulse;

}

.xg33 {

    animation-duration: 1.15s;

    animation-name: fadeInUp;

}

.xg35 {

    animation-duration: 1.15s;

    animation-name: shake;

}

/**/



.case{ height:487px; overflow:hidden; background:url(../imgindex/case_bg.gif) no-repeat center top;}

.case h2{ height:115px; padding-top:20px; overflow:hidden; position:relative; font:34px "黑体"; padding-left:20px;}

.case h2 a{ color:#000;}

.case h2 em{ display:block; font:26px "幼圆"; padding-top:5px;}

.case h2 i{ display:block; font:14px Arial, Helvetica, sans-serif; color:#999; position:absolute; top:56px; left:430px;}

.case2{ height:340px; position:relative;}

.case2 .arr1 a{ display:block; width:67px; height:68px; overflow:hidden; background:url(http://www.gewai99.com/templets/banjin/imgindex/bg1.png) no-repeat; position:absolute; top:75px; left:-100px;}

.case2 .arr2 a{ display:block; width:67px; height:68px; overflow:hidden; background:url(http://www.gewai99.com/templets/banjin/imgindex/bg1.png) no-repeat; position:absolute; top:75px; right:-100px;}

.case2 .arr1 a:hover,.case2 .arr2 a:hover{ background:url(http://www.gewai99.com/templets/banjin/imgindex/bg2.png) no-repeat;}

.case2 li{ width:280px; float:left; position:relative; margin-right:26px;}

.case2 li a{border-bottom:1px solid #e2e2e2; display:block; height:281px; width:280px;}

.case2 li em{ display:none;width:280px; height:214px; position:absolute; top:0; left:0; background:url(../imgindex/pic2_bg.png) no-repeat;}

.case2 li img{ width:280px; height:214px; display:block;}

.case2 li p{ display:block; height:70px; font:15px "黑体"; line-height:70px; color:#666; background:url(../imgindex/about_jt.png) no-repeat right center; overflow:hidden;}

.case2 li a:hover{ border-bottom:3px solid #f7e500;}

.case2 li a:hover em{ display:block;}

.case2 .nones{ margin-right:0;}

/**/





/**/

.hot{height:280px; overflow: hidden;background:url(../imgindex/bg1.jpg) no-repeat center 8px;margin-top:50px;}

.hot h3{ text-align: center; font-size: 30px; color: #333; line-height: 105%; height: 71px;}

.hot h3 i{color: #f15922;}

.hot ul{ overflow: hidden;}

.hot ul li{ float: left; width: 245px; margin-right: 74px; text-align: center; color: #2c333d; font-size: 14px;}.hot ul li.nom{ margin-right:-1px;}

.hot ul li i{ font-weight: bold; color: #fff; padding-top:20px; display: block; font-size: 16px;  height: 102px;}

.hot ul li i span{ display: block;padding-bottom: 7px;}

.hot ul li.cur i{background:url(../imgindex/bg.png) no-repeat center 0;}

.hot ul li.bg2{ margin-right: 74px; margin-left: -1px;}

    /**/



/*zc*/



.tit1{text-align: center;height: 106px;background: url(../imgindex/hbg.png) no-repeat center bottom;overflow: hidden;}

.tit1 a{color: #303030;font-size: 20px;font-weight: normal; text-decoration:none;}

.tit1 b{display: block;font-size: 34px;color: #f15922;background: url(http://www.gewai99.com/templets/banjin/style/img/index/hbg1.png) no-repeat 0 center;width: 264px;text-align: right;margin: 0 auto 14px;}

.tit1 a:hover{text-decoration:none;}

.zc{height: 1024px;overflow: hidden;background: url(../imgindex/zc_2.jpg) no-repeat center 512px;}



.zc ul{margin-top:50px;}

.zc li{float: left;width: 100%;}

.zc li b{display: block;padding-left: 52px;font-size: 24px;color: #303030;margin-bottom: 20px;}

.zc li b span{font-size: 12px;color: #505050;text-transform: uppercase;display: block;font-weight: normal;letter-spacing: -1px;}

.zc li p{font-size: 15px;color: #303030;padding-left: 24px;background: url(http://www.gewai99.com/templets/banjin/imgindex/zcli.png) no-repeat 0 9px;line-height: 26px;margin-bottom: 10px;}

.zc li p i{color: #f15922;font-weight: bold;}



.zc1{height: 410px;overflow: hidden;}

.zc1 dt{float: left;width: 460px;overflow: hidden;}

.zc1 dd{float: right;width: 690px;}



.zcb1{background: url(../imgindex/zcb1.gif) no-repeat 0 center;}

.zcb2{background: url(../imgindex/zcb2.gif) no-repeat 0 center;margin-top: 30px;}



.zc li.zc2{padding-left: 665px;width: 535px;height: 493px;}



.zcb3{background: url(../imgindex/zcb3.gif) no-repeat 0 center;}

.zcb4{background: url(../imgindex/zcb4.gif) no-repeat 0 center;margin-top: 40px;}

.zcb5{background: url(http://www.gewai99.com/templets/banjin/imgindex/zcb5.gif) no-repeat 0 center;}

.zc3{height: 470px;overflow: hidden;}

.zc3 dl{height: 360px;}

.zc3 dt{width: 486px;float: left;}

.zc3 dd{float: right;width: 630px;}



.zcbtn{padding-left: 115px;}

.zcbtn em{font-size: 24px;color: #d60c1a;display: inline-block;}

.zcbtn em b{font-size: 30px;color: #d60c1a;display: inline;padding: 0;margin: 0;}



.zcbtn a{display: inline-block;width: 463px;height: 55px;background: url(http://www.gewai99.com/templets/banjin/imgindex/daili.gif) no-repeat;margin-right: 130px;vertical-align: middle;}

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        .client-2 .my-kefu-sq i {
            background-position: -36px -22px;
        }        
        .client-2 .my-kefu-qq i {
            background-position: 4px -48px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        }


        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #f15922;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #f15922;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }

        .client-2 .my-kefu-left .online-contact-btn{cursor: pointer;}


/*--首页优势 --*/
.index_youshi{
    padding-top: 60px;
    padding-bottom: 60px;
    background: url(../images/bj.jpg) center bottom no-repeat;
}
.index_content{
    width: 90%;
    margin: 0 auto;
}

.index_youshi ul {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index_youshi ul li {
    width: 22.5%;
}

.index_youshi ul li a {
    display: block;
    color: #fff;
    

}

.index_youshi ul li a .pic{
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.index_youshi ul li a .pic img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    display: block;
    transition: all .6s;
}

.index_youshi ul li a img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.index_youshi ul li a span {
    width: 100%;
    text-align: center;
    display: block;
    background: #FF5D33;
    margin: 5px 0 4px 0;
}
.index_youshi ul li:nth-child(even) a span{
    background: #423496;
}

.index_youshi ul li a span.txt1 {
    line-height: 50px;
    font-size: 18px;
}

.index_youshi ul li a p {
  
    box-sizing: border-box;
    text-align: center;
    font-size: 15px;
    line-height: 1.5;
    padding: 10px;
    height: 110px;
    background: #FF5D33;
}   
.index_youshi ul li:nth-child(even) a p{
    background: #423496;
}
    
/*应用*/
.index_yingyong .index_content{
    width: 90%;
}
.active{
    display: block;
}
.index_yingyong ul{
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index_yingyong ul li {
    width: 12%;
    height: 150px;
    background-size: cover;
    text-align: center;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 5px 5px 0 #13017C;
}
.index_yingyong ul li:nth-child(2n){
    margin-top: 0px;
}
.index_yingyong ul li .xfk {
    position: absolute;
    top: 0px;
    border-radius: 5px;
    width: 100%;
    height: 150px;
}

.index_yingyong ul li:hover ,
.index_yingyong ul li.on {
    box-shadow: 0 5px 5px 0 #FF3400;
} 

.index_yingyong ul li .cont {
    width: 80%;
    margin: 30px auto auto;
}

.index_yingyong ul li .cont .bt {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 4px;
    line-height: 26px;
}

.index_yingyong ul li .cont .bt:after {
    position: absolute;
    content: "\200B";
    display: block;
    width: 40px;
    height: 2px;
    bottom: 0px;
    left: 50%;
    margin-left: -20px;
    background: #fff;
}

.index_yingyong ul li:hover .cont .bt:after {
    background: #fff;
}

.index_yingyong ul li .cont .tb {
    width: 45px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.index_yingyong ul li .cont .tb img{
    width: 100%;
}
/*优势*/
.ys_bg .cp_tit{
    color:#fff;
}
.ys_bg .cp_tit span{
    color:#fff; 
}
.ys_box ul {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ys_box ul li {
    width: 24%;
}

.ys_box ul li a {
    display: block;
    background:#fff;

}

.ys_box ul li a .pic{
    height: 192px;
    overflow: hidden;
}

.ys_box ul li a img {
    width: 100%;
    height: auto;
    transition: all .6s;
}

.ys_box ul li a img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.ys_box ul li a span {
    width: 100%;
    text-align: center;
    display: block;
}

.ys_box ul li a span.txt1 {
    line-height: 50px;
    font-size: 20px;
}

.ys_box ul li a p {
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #3871c1;
    font-size: 14px;
    line-height: 1.5;
    height: 120px;
    padding: 10px;
}  
/*关于我们数据*/
.shuj_s{
    width: 100%;
}
.shuj_s ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.shuj_s li {
    width: 50%;
    margin-top: 30px;  
}

.shuj_s li .kj {
    text-align: left;
}

.shuj_s li .title {
    display: inline;
    font-size: 26px;
    color: #333;
    position: relative;
}

.shuj_s li .title b {
    font-weight: normal;
}

.shuj_s li .title em {
    font-size: 13px;
    line-height: 13px;
    position: absolute;
    top: 0;
    right: -14px;
    font-weight: bold;
}

.shuj_s li .title1 {
    font-size: 14px;
    color: #333333;
    margin-top: 0;
}

.shuj_s li .sz {
    display: none;
}
.index_shebei{
    text-align: center;
}
.index_shebei img{
    width: 100%;
}
/*合作伙伴*/
.index_hezuo{
    margin: 10px 0 50px 0;
}
.yylist{
    margin-top: 30px;
}
.yylist li {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 10.6%;
    margin-right: 0.5%;
    border:1px solid #ccc;
    margin-bottom: 15px;
    float: left;
}
.yylist li:nth-child(9n){
    margin-right: 0;
}
.yylist li img{
    width: 65%;
    height: 65px;
    transition: all .6s;
}

.yylist li img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
/*--首页案例 --*/
.index_case{
    padding-top: 60px;
    padding-bottom: 10px;
}
.index_case .index_content{
    width: 1200px;
    margin: 0 auto;
}

.index_case ul {
    margin-top: 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index_case ul li {
    width: 24%;
    margin-bottom: 40px;
}

.index_case ul li a {
    display: block;
    color: #444;
}

.index_case ul li a .pic{
    width: 100%;
    padding-top: 56%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.index_case ul li a .pic img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    display: block;
    transition: all .6s;
}

.index_case ul li a img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.index_case ul li a span {
    width: 100%;
    display: block;
}


.index_case ul li a span.txt1 {
    line-height: 40px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index_case ul li a p {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    color:#9E9E9E;
}